* {
    margin: 0;
    padding: 0;
}
body {
    background-color: #fff;
    color: #666666;
    font-family: 'Lato',Arial;
    font-size: 16px;
    font-family:"Times New Roman", Times, serif;
}
a {
    color: #1E5C70;
    text-decoration: none;
}
li {
    list-style: none outside none;
}
ul {
    margin: 0;
}
img {
    border: 0 none;
}
.clear {
    clear: both;
}
.container {
    width:1000px;
    margin:auto;
}
.header {
    background:url(../images/bg-header.jpg) bottom;
    height:145px;
}
.logo {
    margin-top:37px;
    float:left;
}
.search {
    margin-top:52px;
    overflow:hidden;
}
.search input[type="text"] {
    border:0px;
    border-radius:5px 0px 0px 5px;
    float:left;
    width:250px;
}
.search input[type="submit"] {
    background:url(../images/but-search.png) no-repeat;
    width:36px;
    height:27px;
    border-radius:0px 5px 5px 0px;
    float:left;
    border:0px;
    text-indent:-999999px;
}
.content {
    background:#fff;
    position:relative;
    margin-top:-40px;
    background: url("../images/bg-right.png") repeat-y scroll 692px 0 #FFFFFF;
    overflow:hidden;
    border:1px solid #ddd;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
}
.left {
    float: left;
    width: 694px;
}
.right {
    float: right;
    margin: 10px;
    width: 280px;
}
.box-right {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCACA;
    margin-bottom:20px;
}
.title {
    background: url("../images/bg-title.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 17px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
}
.text-box {
    padding: 10px;
}
.text-box form {
    margin-bottom: 0;
}
.text-box .form-horizontal .control-label {
    text-align: left;
    width: 90px;
}
.text-box .form-horizontal .control-label span {
    color: #FF0000;
}
.form-horizontal .controls {
    margin-left: 0px;
}
.form-horizontal .controls input[type="text"], .form-horizontal .controls input[type="password"]  {
    width: 240px;
}
.form-horizontal .control-group {
    margin-bottom:10px;
}
.box-li {
    border-bottom:1px solid #ddd;
    padding:20px;
    overflow:hidden;
}
.left-li {
    width:14%;
    margin-right:2%;
    float:left;
    text-align:center;
}
.left-li img {
    border-radius:7px 7px;
    margin-bottom:5px;
}
.right-li {
    width:79%;
    float:right;
    position:relative;
    border:1px solid #ddd;
    padding:10px;
    border-radius:7px 7px;
}
.right-li h4 {
    font-size:16px;
}
.mui {
    background:url(../images/mui.jpg) no-repeat;
    width:10px;
    height:10px;
    position:absolute;
    left:-8px;
    top:30px;
}
.menu-icon {
    overflow:hidden;
}
.menu-icon li {
    float:left;
    margin-right:15px;
}
.text-li {
    margin-bottom:10px;
}
.pagination {
    margin-right:20px;
}
.footer {
    background:#d6e3f4;
    height:65px;
    padding-top:20px;
}
.footer a {
    margin-right:10px;
}
.comment {
    background:#eaf0f9;
    height: 75px;
    margin-top: 10px;
    overflow: hidden;
    padding: 20px;
}
.comment img {
    float: left;
    height: 76px;
    width: 90px;
    border-radius:7px 7px;
}
.comment textarea {
    float: right;
    height: 66px;
    width: 468px;
}
.comment a.btn-post-comment{
    float: right;
    margin-left: 9px;
}
.box-content {
    margin-bottom:0px;
    border:0px;
}
.date-com {
    color:#999;
}
.date-com {
    margin-bottom:5px;
}
.title-page{
    background: #f0f9ff; /* Old browsers */
    background: -moz-linear-gradient(top,  #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f9ff), color-stop(47%,#cbebff), color-stop(100%,#a1dbff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-9 */
    font-size: 20px;
    color: #666666;
    text-align: center;
    height: 29px;
    padding-top: 10px;
}
.wrap-input-reg{
    margin-left: 101px;
    border: 1px solid #ddd;
    display: block;
    position: absolute;
    box-shadow: 0 0 17px #DDD;
    border-radius: 6px;
    margin-top: 25px;
    width: 498px;
}

.wrap-input-reg div.wrap-inner-reg{
    float: left;
    margin: 14px;
    height: 78px;

}
.sipup-btn{
    margin-left: 97px;
}
.errorMessage{
    font-size: 11px;
    color:red;
    padding: 0;
    margin: 0;
}
.tile-alert{
    margin: auto;
    width: 20px;
    font-size: 23px;
}
.content-alert{

}
.get-pass{
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 5px #666666;
    margin: 29px auto;
    padding: 27px;
    width: 240px;
}
/*
.option-upload{
    background-color: #ccc;
    width: 694px;
    height: 89px;
}
*/
.option-upload { 
    background-color: #ECF0F2; 
    border-bottom: 1px solid #DDDDDD; 
    height: 89px; 
    width: 694px; 
}
.option-upload .border-option{   
    width: 351px;
    padding: 4px 0px 4px 23px;
    margin: 5px 156px;
    /*
    width: 315px;
    margin: 5px 188px;
    background-color: white;    
    border-radius: 7px;
    -moz-box-shadow: inset 0 0 5px #888;
    -webkit-box-shadow: inset 0 0 5px#888;
    box-shadow: inner 0 0 5px #888;
    */
}
.option-upload div{
    float: left;
    width: 70px;
    margin-left: 15px;
}

.option-upload .option-post-icon{
    width: 56px;
}

.option-upload .option-text{
    /*margin-left: 6px;    */
    margin-left: 10px;
}
.input-post{
    width: 95%;
}


.mejs-time-rail{
    width: 312px!important;
}
.left-info-box .img-avatar{
    width: 100%;
}
.right-info-box ul li{
    border-bottom: 1px solid #ddd;
    margin: 5px 0px;
    height: 24px;
}
.right-info-box ul li div{
    float: left;
    width: 97px;
}
.right-menu-profile{
    width: 160px!important;
}
.right-info-box a{
    margin-left: 5px;
}
.view-more-comment{
    margin: 14px 14px 0 285px;
}
.progress-bar-comment{
    margin: 6px 14px 14px 322px;
}
.edit-post-body{
    padding: 14px;
}
label{
    font-weight: bold;
}
.form-edit-profile{
    padding: 3px 154px;
}
.row-edit-profile label {
    font-weight: bold;
    font-size: 16px;
}
.row-edit-profile input {
    width: 365px;
}
.row-edit-profile .edit-select-gender{
    width: 381px;
}
#address-wrapper input, #address-wrapper select {
    width: 273px;
}
#address-wrapper select{
    width: 289px;
}
.img-icon{
    width:17px;
}
.number-notify{
    width: 19px;
    padding: 0px 2px;
    margin-left: 2px;
}
.wrap-img-friend{
    float:left;
    width: 64px;
}
.wrap-all-img-friend{
    height: 100px;
    padding: 10px 2px 0 9px;
}
.wrap-all-img-friend a{    
    float: left;
    width: 83px;
    margin-right: 6px;
}
.wrap-all-img-friend img{
    width: 83px;
    height: 71px;    
}
.add-friend{
    width: 40px;
}
textarea.input-post{
    height: 122px; width: 502px;
}
.menu-item-logout{

}
.list-block-user table{
    width: 97%;
}
.short-text-sign-up{
    width: 122px;
}
.long-text-sign-up{
    width: 285px;
}
#User_gender input,#User_gender label{
    float: left;
}
#User_gender label{
    margin: 0 0 0 4px;
}

#User_gender_1{
    margin-left: 82px;
    margin-top: -15px;
}
label[for="User_gender_1"]{
    margin-left: 103px!important;
    margin-top: -20px!important;;
}
.short-select-sign-up{
    width: 55px;
}
.long-select-sign-up{
    width: 244px;
}
.year-select-sign-up{
    width: 71px;
}
#sign-up-table{
    width: 378px;
    margin-left: 92px;
}
.info-contact{
    margin-left: 118px;
}
.contain-url{
    display:none;
}
.menu-friend-inner{
    color: black !important;
}
.menu-friend-inner .number-notify{
    margin-top: -6px;
}
.wrapper-photo-edit-inner{
    position: relative;
    width: 67px;
    padding: 14px;
    border: 1px solid #ddd;
    border-radius: 5px;
    float: left;    
    margin-right: 3px;
}
.btn-delete-img{
    position: absolute;
    right: 4px;
    top: 1px;
}
#progressbar-send-msg{
    width: 16px;
    margin: 0px auto 10px auto;
}
.menu-friend-inner{
    padding: 0;
}
.menu-friend-inner li a{
    padding: 10px 6px!important;
}